*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body{
  background-color: rgb(188,221,252);
}

.container{
  margin: 100px auto;
  width: 500px;
  color: #4a9fe8;
  .menu{
    background-color: #fff;
    width: 350px;
    height: 50px;
    line-height: 50px;
    margin: 20px auto;
    display: flex;
    align-items: center;
    padding: 0 20px;
    border-radius: 10px;

    .title{
      font-weight: bold;
      font-size: 18px;
      &::after{
        content: "|";
        color: #ccc;
        padding: 0 15px;
        display: inline-block;
      }
    }

    .select{
      // 获取剩余的宽度
      flex: 1 1 auto;
      select{
        width: 100%;
        height: 30px;
        padding: 0 5px;
        border: none;
      }
    }
  }
}

